<template>
	<view class="page-wrapper">
		<view v-for="(item,index) in list" :key="index" class="box" @click="gohetongDetail(item)">
					<view class="flex between" style="margin-bottom: 40rpx;">
						<view style="color: #9C9C9C;">合同编号:</view>
						<view style="color: #666666;">{{item.hetong_number}}</view>
					</view>
					<view class="flex between" style="margin-bottom: 40rpx;">
						<view style="color: #9C9C9C;">合同名称:</view>
						<view style="color: #666666;">{{item.project_name}}</view>
					</view>
					<view class="flex between" style="margin-bottom: 40rpx;">
						<view style="color: #9C9C9C;">签署时间:</view>
						<view style="color: #666666;">{{item.qianyue_date}}</view>
					</view>
					<view class="flex between" style="margin-bottom: 40rpx;">
						<view style="color: #9C9C9C;">签署金额:</view>
						<view style="color: #666666;">{{item.hetong_price}}</view>
					</view>
					
					<view style="width: 646rpx;height: 2rpx;background-color: #F5F5F5;">
						
					</view>
					
					<view style="height: 102rpx;font-size: 24rpx;font-weight: bold;color: #666666;" class="flex center align" >
						<view style="margin-right: 27rpx;">
							合同详情  
						</view>
						<view >
							<uni-icons type="forward" size="12" color="#508CEE"></uni-icons>
						</view>
					</view>
			
		</view>
	</view>
</template>

<script>
import { api } from '@/util/api.js';
export default {
	data() {
		return {
			userInfo: null,
			list: {},
			loginStatus: 0,
			isView: false
		};
	},
	onLoad() {
		this.getUserhetong();
	},
	methods: {
		getUserhetong() {
			api.getUserhetong({}, res => {
				this.list = res.data;
				console.log(this.list);
			});
		},
		gohetongDetail(e) {
			let data=JSON.stringify(e)
			uni.navigateTo({
				url: '../gohetongDetail/gohetongDetail?data='+data
			});
		},
	}
};
</script>

<style scoped>
.page-wrapper {
	box-sizing: border-box;
	padding: 60rpx 22rpx 30rpx 22rpx;
	font-size: 24rpx;
}
.box {
	background-color: #ffffff;
	border-radius: 20rpx;
	box-sizing: border-box;
	padding: 29rpx 33rpx 0 37rpx;
	margin-top: 40rpx;
}
</style>
